<template>
	<div class="parking">
		<!-- <div>
			<span class="totalPay">车场总支出：<span class="pay">{{totalPay}} 元</span></span>
		</div> -->
		<el-table :data="tableData" style="width: 100%">
			<el-table-column prop="name" label="车场主名称" align="center"></el-table-column>
			<el-table-column prop="mobilePhone" label="联系人电话" align="center"></el-table-column>
			<el-table-column prop="cashAmount" label="现金支出" align="center"></el-table-column>
			<el-table-column prop="createTime" label="申请提现时间" align="center"></el-table-column>
		</el-table>
	</div>
</template>

<script>
	import axios from 'axios'
	import qs from 'qs'

	export default {
		name: 'parking',
		data() {
			return {
				tableData: [],
				totalPay: 0
			}
		},
		mounted(){
			this.getTableData();
		},
		methods: {
			getTableData(){
				axios({
					method: 'post',
					url: 'api/cOrderInfoProfit/selectWebCashPageList',
					data:qs.stringify({status: 2})
				}).then((res) => {
          if( res.data.status == 200) {
            this.tableData = res.data.data;
          }
				})
			}
		}
	}
</script>

<style>
	.totalPay{
		float: right;
		padding: 20px;
		font-weight: bolder;
		color: #1890ff;
		margin-right: 80px;
	}
	.pay{
		color: #42b983;
		font-size:20px;
		margin-left: 8px;
	}

</style>
